@import url(http://fonts.googleapis.com/css?family=Montaga);
body.login {
	font-family:"Montaga", Courier New, serif;
}
html, body.login {
	background:#000;
}

#login h1 {
	background: url(http://40theseries.com/wp-content/uploads/2012/01/40-logo-tiny.png) top center no-repeat; 
}

p#backtoblog {
	display:none;
}

p#nav {
	color:#000000 !important;
	text-align:left;
}

p#nav a {
	background: #A687C3;
	text-decoration:none;
	padding:5px;
	color:#000000 !important;
}

p.submit input#wp-submit.button-primary {
	background: #A687C3 !important;
	border-radius:0px;
	-moz-border-radius:0px;
	font-weight:bold;
	border:none;
	font-family:inherit;
	color:#000;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.1);
	font-size:14px !important;
}

#login {
	/*background:url($logoimg) center top no-repeat;*/
	width: 380px !important;
}

#login form {
	border:none !important;
	margin-top: 0px !important;
	-webkit-box-shadow: none;
}

/*  This makes the core background color for the login form transparent so 
    your graphic will show through in all three form states. 
*/
#loginform, #registerform, #lostpasswordform {
	background-color: transparent !important;
}

/*  If you have a light background as your login form graphic, change the color
    here. #fff = white, #000 = black. This changes the Username, Password and 
    'Remeber Me' text color. 
*/
form {
	color:#fff !important;
	-moz-box-shadow:none;
}

#login label {
	color:#fff !important;
}

/*  This hides the WordPress logo. The height parameter also adjust where the 
    first input or message box begins. 
*/
h1 a {
	background: transparent !important;
	height: 122px !important;
	width: 380px !important;
}

/*  Even though this is the navigation div for the links at the bottom of the 
    login form, it also controls the bottom image that gives the login form a 
    nice curved corner feel. 
*/
#nav {
	background:url( images/login-bkg-bottom.gif ) center bottom no-repeat !important;
	width:380px !important;
	height:45px !important;
	text-indent: 26px !important;
	margin:0px !important; 
	padding: 0px !important;
	text-shadow:none !important;	
}
/*
input.button-primary, button.button-primary, a.button-primary {
	background: url($loginbutton);
}
*/
.login #nav a, .login #nav a:hover {
	color:#fff !important;
}

#login form .submit input {	
	margin-right: 11px !important;
}

/*  Attributes for the errors and messages box. These can be broken up if you 
    want to display a differnet color scheme for messages and errors. 
*/
#login p.message {
	padding: 12px !important;
	margin: 10px 26px 0px 24px !important;
}

#login #login_error {
	padding: 12px !important;
	margin: 15px 26px 0px 24px !important;
}

/*  Form input box attributes. 
*/
#user_pass, #user_login, #user_email {
	font-size: 20px !important;
	width: 94% !important;
	/* width:318px; this width is the same as 94% */
}